<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TW</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/ddtabmenu.js"></script>
</head>

<body>
<div class="wrap">	
	<div id="pagewidth">
    	<div id="header">
        	<div class="banner"><img src="images/banner.jpg" width="930" height="124" /></div>
            <div class="navigation">
                <div id="topmenu">
                    <!--Menu Top-->
                    <div id="ctl00_ctl00_uc_header1_animatedMenu" class="basictab">
                      <ul>
                        <li class="first"><a href="#" rel="sc0"><span>Trang chủ</span></a></li>
                        <li><a href="#" rel="sc3"><span>Nhập báo cáo</span></a></li>
                        <li class="current"><a href="#" rel="sc2"><span>Danh sách báo cáo</span></a></li>
                        <li><a href="#" rel="sc1"><span>Tìm kiếm</span></a></li>
                        <li><a href="#" rel="sc311"><span>Tin nhắn</span></a></li>
                        <li><a href="#" rel="sc538"><span>Hướng dẫn</span></a></li>
                        <li class="end"><a href="#"><span>Thoát</span></a></li>
                        <li class="end"><a href="#"><span>Tài khoản</span></a></li>
                      </ul>
                    </div>
                    <div class="tabcontainer">
                      <div id="sc2" class="tabcontent">
                        <ul>
                          <li><a href="#">Hà Nội</a> | </li>
                          <li><a href="#">Thái Bình</a> | </li>
                          <li><a href="#">Hưng Yên</a> | </li>
                          <li><a href="#">Hải Dương</a> | </li>
                          <li><a href="#">Hải Phòng</a> | </li>
                          <li><a href="#">Cao Bằng</a> | </li>
                          <li><a href="#">Thanh Hóa</a> | </li>
                          <li><a href="#">Nghệ An</a> | </li>
                          <li><a href="#">Đồng Nai</a> | </li>
                          <li><a href="#">TP Hồ Chí Minh</a> | </li>
                          <li><a href="#">Long An</a> | </li>
                          <li><a href="#">Lâm Đồng</a></li>
                        </ul>
                      </div>
                    </div>
                    <SCRIPT language="javascript" type="text/javascript">
                        var delayhide;
                        $(".basictab li").mouseover(function() {
                            showTab($(this).find("a").attr('rel'));
            
                        });
                        function showTab(obj) {
                            $(".basictab").find("li").find("a:first").removeClass("current");
                            $('.basictab a[rel="' + obj + '"]').addClass("current");
                            $('div[id^=sc]').hide();
                            $('#' + obj).css("display", "block");
            
                        }
                        $(document).ready(function() {
            
                            $(".tabcontent").each(function(i) {
                                var $parent = $('.basictab a[rel="' + $(this).attr('id') + '"]');
                                var left = $parent.position().left;
                                var width = $parent.width();
                                var thisWidth = $(this).width();
                                // alert($parent.html() + ' ' + thisWidth + ' ' + width);
                                if (thisWidth / 2 < left + width / 2) {
                                    var pLeft = 0;
                                    pLeft = left + width / 2 - thisWidth / 2 + 10;
                                    $(this).css('padding-left', pLeft + 'px');
                                }
                            });
            
                            showTab('sc0');
            
                            $("#topmenu").mouseover(function() {
                                if (window.delayhide)
                                    clearTimeout(delayhide);
                            }).mouseout(
                           function() {
                               delayhide = setTimeout('showTab("sc0")', 100);
                           });
                        });
                    </SCRIPT>
                    <!--End Menu Top-->
                  </div>
            </div>
        </div><!--E: div#header-->
        <div id="center"><div class="maincontent">
        	<div class="round">
            	<table cellpadding="0" cellspacing="0" border="0" width="100%" class="tableround">
                	<colgroup>
                    	<col width="5%" />
                    	<col width="16%" />
                    	<col width="15%" />
                    	<col width="21%" />
                    	<col width="10%" />
                    	<col width="7%" />
                    	<col width="8%" />
                    	<col width="18%" />
                    </colgroup>
                	<tr><th>STT</th>
                    	<th>Tháng/Năm, Quý </th>
                    	<th>Thời gian</th>
                    	<th>Mục báo cáo</th>
                    	<th>Tỉnh thành</th>
                    	<th>Tải về</th>
                    	<th>Sửa</th>
                    	<th>Ghi chú</th>
                    </tr>
                    <tr bgcolor="#b5e0f5">
                    	<td><center>1</center></td>
                    	<td><center>1/2012, 1</center></td>
                        <td>29/10/1012 14:31</td>
                        <td>1. AMT - Templet....</td>
                        <td>PCU</td>
                        <td><center><a href="#"><img src="images/icon/icon-download.png" /></a></center></td>
                        <td><center><a href="#"><img src="images/icon/icon-edit.png" /></a></center></td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr class="bgrother">
                    	<td><center>1</center></td>
                    	<td><center>1/2012, 1</center></td>
                        <td>29/10/1012 14:31</td>
                        <td>1. AMT - Templet....</td>
                        <td>PCU</td>
                        <td><center><a href="#"><img src="images/icon/icon-download.png" /></a></center></td>
                        <td><center><a href="#"><img src="images/icon/icon-edit.png" /></a></center></td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr bgcolor="#b5e0f5">
                    	<td><center>1</center></td>
                    	<td><center>1/2012, 1</center></td>
                        <td>29/10/1012 14:31</td>
                        <td>1. AMT - Templet....</td>
                        <td>PCU</td>
                        <td><center><a href="#"><img src="images/icon/icon-download.png" /></a></center></td>
                        <td><center><a href="#"><img src="images/icon/icon-edit.png" /></a></center></td>
                        <td>&nbsp;</td>
                    </tr>
                </table>
                <br /><br /><br /><br /><br />
                <div class="paging clearfix">
                        <ul class="pagination">
                        	<li><a href="#" class="normal">Trước</a></li>
                            <li class="active">1</li>
                            <li><a href="#" class="normal">2</a></li>
                            <li><a href="#" class="normal">3</a></li>
                            <li><a href="#" class="normal">4</a></li>
                        	<li><a href="#" class="normal">Tiếp theo</a></li>
                         </ul>     
                    </div><!--//paging-->
            </div><!--[round]-->
        </div></div><!--E: div#center-->
        
        <div id="footer" class="clearfix">
        	<div class="copyright">
            	Ban quản lý Dự án Cạnh tranh ngành chăn nuôi và an toàn thực phẩm<br />
Địa chỉ: Tầng 8, tòa nhà Liên Cơ 02, số 16 Thụy Khuê, Tây Hồ, Hà Nội<br />
Điện thoại: 04.37921053   Fax: 04.37921052  
            </div>
            <div class="linkbottom"><a href="#">Trang chủ</a> | <a href="#">Đầu trang</a></div>
        </div><!--E: div#footer-->
    </div>
</div>
</body>
</html>
